html { color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6,th { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input,button,textarea,select { *font-size: 100%; }

* { padding: 0; margin: 0; }
body {
	font-family: Tahoma, Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #000;
	background: #eee;
}
html, body {
	height: 100%;
}
a { text-decoration: none; }
input {
	color: #333;
	font-size: 1.2em;
	background: #e5e5e5;
	border: 0;
	padding: 5px 16px;
	border-radius: 3px;
}
#wrap {
	position: relative;
	top: 50px;
	width: 800px;
	display: block;
	background: #fff;
	margin: 0 auto;
	border-radius: 6px;
	box-shadow: 0 0 15px #ccc;
}
#header {
	height: 60px;
	padding: 20px;
}
	#header h1 {
		text-indent: -5000px;
		width: 200px;
		height: 60px;
		background: url(../images/logo.jpg);
	}
#main {
	height: 300px;
	padding: 4em;
}
	.welcome {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 500px;
		height: 160px;
		background: url(../images/welcome.jpg) no-repeat;
		margin: -80px 0 0 -250px;
	}
		.welcome p { display: none; }
		.welcome a {
			color: #333;
			position: absolute;
			left: 50%;
			bottom: 0;
			display: block;
			width: 150px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #e5e5e5;
			margin: 0 0 0 -75px;
			border-radius: 5px;
		}
	.btns {
		position: absolute;
		display: block;
		width: 100%;
		left: 0;
		bottom: 5em;
		text-align: center;
	}
		.btns input {
			margin: 0 5px;
		}
	.ques {
		width: 600px;
		margin: 0 auto;
	}
		.ques h3 {
			font-size: 1.2em;
			line-height: 30px;
			background: url(../images/ques.jpg) no-repeat;
			padding: 0 0 0 40px;
		}
		.ques ol { padding: 1em 1em 1em 40px; }
		.ques ol li {
			list-style-type: decimal;
			border-bottom: 1px solid #ddd;
			padding: 3px 0;
			margin: 0 0 0 2em;
		}
	.result div {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 300px;
		height: 60px;
		font-size: 15px;
		text-align: center;
		display: block;
		padding: 120px 0 0;
		margin: -80px 0 0 -150px;
	}
	.result div.pass { background: url(../images/gift.jpg) no-repeat center top; }
	.result div.fail { background: url(../images/write.jpg) no-repeat center top; }
		.result div ul {
			width: 150px;
			display: block;
			font-weight: normal;
			line-height: 1.5em;
			text-align: left;
			font-size: 13px;
			padding: 10px 15px;
			margin: 10px auto 0;
		}
